<div class="row">
    <div class="col-md-12">
        <div class="btn-toolbar" role="toolbar">
            <div class="pull-left">
                <h4>
                    <datalist-header title="List of observables" list="$cmp.list" total="$cmp.observablesCount">
                    </datalist-header>
                </h4>

            </div>

            <div class="btn-group pull-right" role="group">
                <page-sizer collection="$cmp.list" sizes="[10, 15, 30, 100]"></page-sizer>
            </div>

            <div class="btn-group pull-right" role="group">
                <button class="btn btn-sm"
                    ng-class="{true: 'btn-primary', false:'btn-default'}[$cmp.filtering.context.showFilters]"
                    type="button" ng-click="$cmp.toggleFilters()">
                    <i class="fa fa-search"></i> Filters
                </button>
            </div>
        </div>
    </div>
</div>
